<#include "/lib/blog_lib.html"/>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="${request.contextPath}/assets/img/apple-icon.png">
    <link rel="icon" type="image/png" href="${request.contextPath}/favicon.ico">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>${product.productName!}-房屋详情-重庆房屋出租咨询有限公司</title>
    <meta name="keyword" content="重庆房屋出租咨询有限公司,箭乔,上海,投资，${product.productName!}" />
    <meta name="description" content="产品详情-重庆房屋出租咨询有限公司" />
    <link href="${request.contextPath}/bootstrap3/css/bootstrap.css" rel="stylesheet" />
    <link href="${request.contextPath}/assets/css/demo.css" rel="stylesheet" />
    <!--     Font Awesome     -->
    <link href="${request.contextPath}/bootstrap3/css/font-awesome.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="${request.contextPath}/assets/css/product.css">
</head>
<body>
<nav id="navbar" class="navbar navbar-fixed-top">
    <@nav_menu/>
</nav>
<div class="main">
    <div class="container tim-container" style="padding-top:135px">
        <div>
            <h3 style="text-align: center">${product.productName!}</h3>
        </div>
        <div id="product">
            <div class="product-img">
                <#list product.productImg?split("|") as item>
                    <#if item_index == 0>
                        <div style="margin-bottom: 15px;height: 340px;border: 1px solid #cccccc">
                            <img id="bigImg" src="/${item!}" alt="重庆房屋出租咨询有限公司" width="478px" height="338px">
                        </div>
                        <div class="img-item"><img src="/${item!}"  alt="重庆房屋出租咨询有限公司" width="78px" height="78px"></div>
                        <#elseif item_index != 4>
                            <#if !item?? || item!="">
                            <div class="img-item"><img src="/${item!}" alt="重庆房屋出租咨询有限公司" width="78px" height="78px"></div>
                            </#if>
                    </#if>
                </#list>
            </div>
            <div class="productInfo">
                <div style="height: 260px;border-bottom: 1px dashed #cccccc">
                    <span>房屋信息: ${product.productName!}</span> <br>
                    <span>房屋地址: ${product.city!}</span> <br>
                    <span>房屋价格: ${product.regCapital!}万</span> <br>
                    <span>房屋年限: ${product.regDate!}</span> <br>
                    <span>房屋面积: ${product.operatingPeriod!}</span> <br>
                    <span>房屋优势: ${product.advantage!}</span> <br>
                </div>
                <div style="padding-top: 24px">
                    <p>房屋编号： ${product.productCode!}</p>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=${product.qq!}&site=qq&menu=yes" class="selectDetails inquiry"><i class="fa fa-comments-o" aria-hidden="true"></i> 在线询价</a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div>
            <div>
                <h3 style="font-size: 18px;padding-left: 10px">房屋介绍</h3>
            </div>
            ${product.productContent!}
        </div>
        <div class="similar">
            <div>
                <h3>同类推荐</h3>
            </div>
            <div class="similar-content text-center">
                <#list product4 as item>
                    <a href="/product/${item.id!}.html">
                        <div class="similar-product">
                            <#if (item.productImg??)>
                                <#list item.productImg?split("|") as itemImg>
                                    <#if itemImg??>
                                        <#assign productImg = itemImg>
                                            <#break>
                                    </#if>
                                </#list>
                                <img src="/${productImg}" alt="重庆房屋出租咨询有限公司">
                                <#else>
                                    <img src="img/product.png" alt="重庆房屋出租咨询有限公司">
                            </#if>
                            <span>${item.productName!}</span>
                        </div>
                    </a>
                </#list>
            </div>
        </div>
    </div>
</div>

<@footer1/>
</body>
<script src="${request.contextPath}/js/jquery.min.js" type="text/javascript"></script>
<script src="${request.contextPath}/bootstrap3/js/bootstrap.js" type="text/javascript"></script>
<script src="${request.contextPath}/assets/js/custom.js"></script>
<script src="${request.contextPath}/assets/js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
<script src="${request.contextPath}/assets/js/gsdk-bootstrapswitch.js"></script>
<script src="${request.contextPath}/assets/js/zoomify.js"></script>
<script>
    window.onscroll=function(){
        var sl=-Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
        document.getElementById('navbar').style.left=sl+'px';

    };
    $(document).ready(function(){
        var $miaobian=$('.img-item');
        var $huantu=$('.product-img>div>img');
        $miaobian.mousemove(function(){miaobian(this);});
        function miaobian(thisMb){
            for(var i=0; i<$miaobian.length; i++){
                $miaobian[i].style.borderColor = '#dedede';
            }
            thisMb.style.borderColor = '#cd2426';

            $huantu[0].src = thisMb.children[0].src;
        }
        $('#bigImg').zoomify();
    })
</script>
</html>